import { PureComponent } from 'react'
import { Input, Button } from 'antd'
import SingleTable from 'components/table/index'
import styles from './applicationProcessing.less'
export default class ApplicationProcessing extends PureComponent {
    render(){
        const columns = [
            {
                key: 'gmtCreate',
                title: '公司名称',
                dataIndex: 'gmtCreate',
                align: 'center',
            },
            {
                key: 'operationTypeName',
                title: '公司地址',
                dataIndex: 'operationTypeName',
                align: 'center',
            },
            {
                key: 'creatorName',
                title: '联系人姓名',
                dataIndex: 'creatorName',
                align: 'center',
            },
            {
                key: '4',
                title: '联系人手机号',
                dataIndex: 'creatorName',
                align: 'center',
            },
            {
              key: '5',
              title: '邮箱地址',
              dataIndex: 'creatorName',
              align: 'center',
            },
            {
              key: '6',
              title: '申请状态',
              dataIndex: 'creatorName',
              align: 'center',
            },
            {
                key: '7',
                title: '操作',
                dataIndex: 'creatorName',
                align: 'center',
            },
          ]
          const dataList = []
        return(
            <div className={styles.applicationProcessing}>
                <div className={styles.applicationProcessingBox}>
                    <h2>企业用户申请处理</h2>
                </div>
                <div className={styles.applicationProcessingSearch}>
                    <div className={styles.applicationProcessingBoxSin}>
                        <span className={styles.applicationProcessingSpan}>公司名称：</span>
                        <Input className={styles.applicationProcessingInput}/>
                    </div>
                    <div className={styles.applicationProcessingBoxSin} style={{margin: '0 28px'}}>
                        <span className={styles.applicationProcessingSpan}>联系人姓名：</span>
                        <Input className={styles.applicationProcessingInput}/>
                    </div>
                    <div className={styles.applicationProcessingBoxSin}>
                        <span className={styles.applicationProcessingSpan}>联系电话：</span>
                        <Input className={styles.applicationProcessingInput}/>
                    </div>
                </div>
                <Button type="primary" icon="search" style={{margin: ' 0 0 24px 24px'}}>查询</Button>
                <div className={styles.applicationProcessingTable}>
                    <SingleTable
                        data={{ list: dataList }}
                        columns={columns}
                    />
                </div>
            </div>
        )
    }
}